const svgCreater = (svgXml, color) => {
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const iconSvgArr = (activeIndex, defaultColor, activeColor) => {
    var svgXmlArr = [locationSvgXml, layoutSvgXml, rentSvgXml, filterSvgXml, sortSvgXml]
    var tempIconSvgSrcArr = [];
    var currentColor;
    for (let index = 0; index < svgXmlArr.length; index++) {
        currentColor = activeIndex === index ? activeColor : defaultColor;
        tempIconSvgSrcArr.push(svgCreater(svgXmlArr[index], currentColor));
    }

    return tempIconSvgSrcArr;
}

export const rightWardSvgSrc = (color) => {
    const svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path   fill="colorParam"  d="M10.2071 4.29289L16.5 10.5858L15.7929 11.2929L16.5 10.5858C17.281 11.3668 17.281 12.6332 16.5 13.4142L15.7929 12.7071L16.5 13.4142L10.2071 19.7071L8.79289 18.2929L15.0858 12L15.0858 12C15.0858 12 15.0858 12 15.0858 12L15.0858 12L8.79289 5.70711L10.2071 4.29289ZM8.5 5C8.5 4.44771 8.94772 4 9.5 4C10.0523 4 10.5 4.44771 10.5 5C10.5 5.55228 10.0523 6 9.5 6C8.94772 6 8.5 5.55228 8.5 5ZM8.5 19C8.5 18.4477 8.94771 18 9.5 18C10.0523 18 10.5 18.4477 10.5 19C10.5 19.5523 10.0523 20 9.5 20C8.94771 20 8.5 19.5523 8.5 19Z">
</path>
</svg>`

const reg = /colorParam/g
const tempSvgXml = svgXml.replace(reg, color);
return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}


export const clockSvgSrc = (color) => {
    const svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <circle cx="12" cy="12" r="9" stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" >
    </circle>
    <path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M12 6.5L12 12L16 14">
    </path>
    </svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const trashCanSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
<g  mask="url(#mask-RNfPI264PDbypyEddfhJM)">
<path d="M10 18C10.265 18 10.52 17.8899 10.707 17.71C10.895 17.52 11 17.27 11 17L11 11C11 10.73 10.895 10.48 10.707 10.29C10.52 10.1101 10.265 10 10 10C9.73499 10 9.47998 10.1101 9.29303 10.29C9.10498 10.48 9 10.73 9 11L9 17C9 17.27 9.10498 17.52 9.29303 17.71C9.47998 17.8899 9.73499 18 10 18L10 18ZM20 6L16 6L16 5C16 4.19995 15.684 3.43994 15.121 2.87988C14.559 2.32007 13.796 2 13 2L11 2C10.204 2 9.44098 2.32007 8.87903 2.87988C8.31598 3.43994 8 4.19995 8 5L8 6L4 6C3.73498 6 3.47998 6.11011 3.29303 6.29004C3.10498 6.47998 3 6.72998 3 7C3 7.27002 3.10498 7.52002 3.29303 7.70996C3.47998 7.88989 3.73498 8 4 8L5 8L5 19C5 19.8 5.31598 20.5601 5.87903 21.1201C6.44098 21.6799 7.20398 22 8 22L16 22C16.796 22 17.559 21.6799 18.121 21.1201C18.684 20.5601 19 19.8 19 19L19 8L20 8C20.265 8 20.52 7.88989 20.707 7.70996C20.895 7.52002 21 7.27002 21 7C21 6.72998 20.895 6.47998 20.707 6.29004C20.52 6.11011 20.265 6 20 6L20 6ZM10 5C10 4.72998 10.105 4.47998 10.293 4.29004C10.48 4.11011 10.735 4 11 4L13 4C13.265 4 13.52 4.11011 13.707 4.29004C13.895 4.47998 14 4.72998 14 5L14 6L10 6L10 5L10 5ZM17 19C17 19.27 16.895 19.52 16.707 19.71C16.52 19.8899 16.265 20 16 20L8 20C7.73499 20 7.47998 19.8899 7.29303 19.71C7.10498 19.52 7 19.27 7 19L7 8L17 8L17 19L17 19ZM14 18C14.265 18 14.52 17.8899 14.707 17.71C14.895 17.52 15 17.27 15 17L15 11C15 10.73 14.895 10.48 14.707 10.29C14.52 10.1101 14.265 10 14 10C13.735 10 13.48 10.1101 13.293 10.29C13.105 10.48 13 10.73 13 11L13 17C13 17.27 13.105 17.52 13.293 17.71C13.48 17.8899 13.735 18 14 18L14 18Z"   fill="colorParam" >
</path>
</g>
<defs>
<mask id="mask-RNfPI264PDbypyEddfhJM" style="mask-type:alpha" maskUnits="userSpaceOnUse">
<rect x="0" y="0" width="24" height="24"   fill="colorParam" >
</rect>
<rect x="0" y="0" width="24" height="24"   fill="colorParam" >
</rect>
</mask>
</defs>
</svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}


export const downWardSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path   fill="colorParam"  d="M19.7071 9.70711L13.4142 16L12.7071 15.2929L13.4142 16C12.6332 16.781 11.3668 16.781 10.5858 16L11.2929 15.2929L10.5858 16L4.29289 9.70711L5.70711 8.29289L12 14.5858L12 14.5858C12 14.5858 12 14.5858 12 14.5858L12 14.5858L18.2929 8.29289L19.7071 9.70711ZM19 8C19.5523 8 20 8.44772 20 9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9C18 8.44772 18.4477 8 19 8ZM5 8C5.55229 8 6 8.44771 6 9C6 9.55228 5.55229 10 5 10C4.44772 10 4 9.55228 4 9C4 8.44771 4.44772 8 5 8Z">
    </path>
    </svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}


export const upWardSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path   fill="colorParam"  d="M4.29289 14.2929L10.5858 8L11.2929 8.70711L10.5858 8C11.3668 7.21895 12.6332 7.21895 13.4142 8L12.7071 8.70711L13.4142 8L19.7071 14.2929L18.2929 15.7071L12 9.41421L12 9.41421C12 9.41421 12 9.41421 12 9.41421L12 9.41421L5.70711 15.7071L4.29289 14.2929ZM5 16C4.44772 16 4 15.5523 4 15C4 14.4477 4.44772 14 5 14C5.55228 14 6 14.4477 6 15C6 15.5523 5.55228 16 5 16ZM19 16C18.4477 16 18 15.5523 18 15C18 14.4477 18.4477 14 19 14C19.5523 14 20 14.4477 20 15C20 15.5523 19.5523 16 19 16Z">
</path>
</svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}


export const hotSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
    <path d="M13.999 2.9989L13.999 1.9989L1.99902 1.9989L1.99902 2.9989L13.999 2.9989ZM8.33902 4.6389C8.14437 4.44906 7.83306 4.44842 7.63902 4.6389L2.65902 9.5289L3.37902 10.2289L7.48902 6.1989L7.48902 14.8389L8.49902 14.8389L8.49902 6.1889L12.679 10.2689L13.389 9.5689L8.33902 4.6389Z" fill-rule="evenodd"  fill="colorParam" fill-opacity="0.9">
    </path>
    </svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const myPageSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25" fill="none">
<path d="M14.2233 1.66996C13.4008 1.32906 12.4965 1.24621 11.6233 1.41996C10.7513 1.5926 9.95344 2.02094 9.32333 2.64996C8.69431 3.27787 8.26707 4.07682 8.09333 4.94996C7.91958 5.82199 8.00353 6.7285 8.34333 7.54996C8.68422 8.37251 9.26435 9.0762 10.0033 9.56996C10.7434 10.0648 11.6137 10.33 12.5033 10.33C13.0938 10.33 13.6779 10.2154 14.2233 9.98996C14.7699 9.76342 15.2655 9.42783 15.6833 9.00996C16.1012 8.59318 16.4268 8.09539 16.6533 7.54996C16.8788 7.00342 17.0033 6.42158 17.0033 5.82996C17.0033 4.94032 16.7371 4.07003 16.2433 3.32996C15.7496 2.59098 15.0448 2.01085 14.2233 1.66996ZM18.0033 5.82996C18.0033 6.55134 17.8593 7.26246 17.5833 7.92996C17.3062 8.59636 16.8947 9.20971 16.3833 9.71996C15.8731 10.2302 15.2708 10.6339 14.6033 10.91C13.9358 11.186 13.2258 11.33 12.5033 11.33C11.4158 11.33 10.3473 11.0048 9.44333 10.4C8.5394 9.79624 7.839 8.93505 7.42333 7.92996C7.00765 6.92486 6.90109 5.81664 7.11333 4.74996C7.32666 3.68328 7.84356 2.70863 8.61333 1.93996C9.382 1.17129 10.3666 0.651093 11.4333 0.439956C12.5 0.22772 13.5982 0.334281 14.6033 0.749956C15.6073 1.16673 16.4696 1.87493 17.0733 2.77996C17.677 3.68388 18.0033 4.74238 18.0033 5.82996Z" fill-rule="evenodd"  fill="colorParam" >
</path>
<path d="M9.16666 15.3233C7.70915 15.3233 6.30839 15.9018 5.27666 16.9333C4.24492 17.9648 3.66666 19.3646 3.66666 20.8233L3.66666 24.6533L20.8367 24.6533L20.8367 24.1533L20.3367 24.1533L20.3367 23.6533L21.3367 23.6533L21.3367 20.8233C21.3367 19.3646 20.7584 17.9648 19.7267 16.9333C18.6949 15.9018 17.2942 15.3233 15.8367 15.3233L9.16666 15.3233ZM4.66666 23.6533L20.3367 23.6533L20.3367 20.8233C20.3367 19.6295 19.8611 18.4874 19.0167 17.6433C18.1722 16.8002 17.0292 16.3233 15.8367 16.3233L9.16666 16.3233C7.97415 16.3233 6.83112 16.8002 5.98666 17.6433C5.14219 18.4874 4.66666 19.6295 4.66666 20.8233L4.66666 23.6533ZM4.66666 23.6533L4.66666 24.1533L4.16666 24.1533L4.16666 23.6533L4.66666 23.6533Z" fill-rule="evenodd"  fill="colorParam" >
</path>
</svg>`

    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}
export const wholeHouseSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" fill="none">
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M8.33334 91.6667L91.6667 91.6667">
</path>
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round"   d="M12.2915 91.6666L12.4998 41.5416C12.4998 38.9999 13.7081 36.5835 15.7081 35.0001L44.8749 12.2918C47.8749 9.95846 52.0832 9.95846 55.1249 12.2918L84.2915 34.9584C86.3332 36.5418 87.4998 38.9583 87.4998 41.5416L87.4998 91.6666">
</path>
<path d="M64.5833 45.8333L35.4167 45.8333C31.9583 45.8333 29.1667 48.625 29.1667 52.0833L29.1667 91.6666L70.8333 91.6666L70.8333 52.0833C70.8333 48.625 68.0416 45.8333 64.5833 45.8333Z" stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" >
</path>
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M41.6667 67.7083L41.6667 73.9583">
</path>
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M43.75 31.25L56.25 31.25">
</path>
</svg>
`
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const flatShareSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" fill="none">
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M8.3333 91.6672L91.6666 91.6672">
</path>
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round"   d="M12.2914 91.6672L12.4998 41.5421C12.4998 39.0005 13.7081 36.584 15.7081 35.0007L44.875 12.2923C47.875 9.95896 52.0829 9.95896 55.1246 12.2923L84.2916 34.959C86.3333 36.5423 87.5 38.9588 87.5 41.5421L87.5 91.6672">
</path>
<path d="M54.1666 70.8328L45.8333 70.8328C42.375 70.8328 39.5833 73.6245 39.5833 77.0828L39.5833 91.6662L60.4166 91.6662L60.4166 77.0828C60.4166 73.6245 57.625 70.8328 54.1666 70.8328Z" stroke="colorParam" stroke-width="2" stroke-linejoin="round"  >
</path>
<path d="M39.5833 57.2912L31.25 57.2912C28.9583 57.2912 27.0833 55.4162 27.0833 53.1245L27.0833 46.8745C27.0833 44.5828 28.9583 42.7078 31.25 42.7078L39.5833 42.7078C41.875 42.7078 43.75 44.5828 43.75 46.8745L43.75 53.1245C43.75 55.4162 41.875 57.2912 39.5833 57.2912Z" stroke="colorParam" stroke-width="2" stroke-linejoin="round"  >
</path>
<path d="M68.75 57.2912L60.4167 57.2912C58.125 57.2912 56.25 55.4162 56.25 53.1245L56.25 46.8745C56.25 44.5828 58.125 42.7078 60.4167 42.7078L68.75 42.7078C71.0417 42.7078 72.9167 44.5828 72.9167 46.8745L72.9167 53.1245C72.9167 55.4162 71.0417 57.2912 68.75 57.2912Z" stroke="colorParam" stroke-width="2" stroke-linejoin="round"  >
</path>
<path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M79.167 29.1672L79.042 16.6672L60.7087 16.6672">
</path>
</svg>`
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const shortRentSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68.66666412353516" height="102" viewBox="0 0 68.66666412353516 102" fill="none">
<rect  x="18.94873046875" y="1" width="30.769227981567383" height="23.076921463012695" rx="3"    fill="#FFFFFF" >
</rect>
<path   fill="colorParam"  d="M21.9487 0L46.718 0C48.9271 0 50.718 1.79086 50.718 4L50.718 21.0769C50.718 23.2861 48.9271 25.0769 46.718 25.0769L21.9487 25.0769C19.7396 25.0769 17.9487 23.2861 17.9487 21.0769L17.9487 4C17.9487 1.79086 19.7396 0 21.9487 0ZM21.9487 2C20.8442 2 19.9487 2.89543 19.9487 4L19.9487 21.0769C19.9487 22.1815 20.8442 23.0769 21.9487 23.0769L46.718 23.0769C47.8225 23.0769 48.718 22.1815 48.718 21.0769L48.718 4C48.718 2.89543 47.8225 2 46.718 2L21.9487 2Z">
</path>
<rect  x="1" y="11.25640869140625" width="66.66666412353516" height="82.05126953125" rx="8"    fill="#FFFFFF" >
</rect>
<path   fill="colorParam"  d="M9 10.2564L59.6667 10.2564C64.6372 10.2564 68.6667 14.2858 68.6667 19.2564L68.6667 85.3077C68.6667 90.2783 64.6372 94.3077 59.6667 94.3077L9 94.3077C4.02944 94.3077 0 90.2783 0 85.3077L0 19.2564C0 14.2858 4.02944 10.2564 9 10.2564ZM9 12.2564C5.13401 12.2564 2 15.3904 2 19.2564L2 85.3077C2 89.1737 5.13401 92.3077 9 92.3077L59.6667 92.3077C63.5327 92.3077 66.6667 89.1737 66.6667 85.3077L66.6667 19.2564C66.6667 15.3904 63.5327 12.2564 59.6667 12.2564L9 12.2564Z">
</path>
<path   fill="colorParam"  d="M17.3846 90.7436L17.3846 101L15.3846 101L15.3846 90.7436L17.3846 90.7436ZM15.3846 101C15.3846 100.448 15.8323 100 16.3846 100C16.9369 100 17.3846 100.448 17.3846 101C17.3846 101.552 16.9369 102 16.3846 102C15.8323 102 15.3846 101.552 15.3846 101Z">
</path>
<path   fill="colorParam"  d="M55.8462 90.7436L55.8462 101L53.8462 101L53.8462 90.7436L55.8462 90.7436ZM53.8462 101C53.8462 100.448 54.2939 100 54.8462 100C55.3984 100 55.8462 100.448 55.8462 101C55.8462 101.552 55.3984 102 54.8462 102C54.2939 102 53.8462 101.552 53.8462 101Z">
</path>
<rect  x="18.94873046875" y="24.076904296875" width="30.769227981567383" height="12.820512771606445" rx="2"    fill="#FFFFFF" >
</rect>
<path   fill="colorParam"  d="M20.9487 23.0769L47.718 23.0769C49.3748 23.0769 50.718 24.42 50.718 26.0769L50.718 34.8974C50.718 36.5543 49.3748 37.8974 47.718 37.8974L20.9487 37.8974C19.2919 37.8974 17.9487 36.5543 17.9487 34.8974L17.9487 26.0769C17.9487 24.42 19.2919 23.0769 20.9487 23.0769ZM20.9487 25.0769C20.3964 25.0769 19.9487 25.5246 19.9487 26.0769L19.9487 34.8974C19.9487 35.4497 20.3964 35.8974 20.9487 35.8974L47.718 35.8974C48.2702 35.8974 48.718 35.4497 48.718 34.8974L48.718 26.0769C48.718 25.5246 48.2702 25.0769 47.718 25.0769L20.9487 25.0769Z">
</path>
<path    stroke="colorParam" stroke-width="2"  stroke-linecap="round"  d="M24.0769 49.718L24.0769 80.4872">
</path>
<path    stroke="colorParam" stroke-width="2"  stroke-linecap="round"  d="M42.0256 49.718L42.0256 80.4872">
</path>
</svg>`
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const needHouseSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" fill="none">
<path   fill="colorParam"  d="M50 17.6666L25 17.6666L25 16.6666L25 17.6666L25 16.6666L25 17.6666Q23.5074 17.6666 22.1458 18.2425Q20.83 18.7991 19.8146 19.8145Q18.7991 20.83 18.2426 22.1458Q17.6667 23.5074 17.6667 25L17.6667 25L17.6667 75L16.6667 75L17.6667 75C17.6667 79.0501 20.9499 82.3333 25 82.3333L25 83.3333L25 82.3333L75 82.3333L75 83.3333L75 82.3333C79.0501 82.3333 82.3333 79.0501 82.3333 75L83.3333 75L82.3333 75L82.3333 50L84.3333 50L84.3333 75L84.3333 75C84.3333 80.1546 80.1547 84.3333 75 84.3333L75 84.3333L25 84.3333L25 84.3333C19.8453 84.3333 15.6667 80.1546 15.6667 75L15.6667 75L15.6667 25L16.6667 25L15.6667 25Q15.6667 23.1018 16.4005 21.3667Q17.1091 19.6916 18.4003 18.4003Q19.6916 17.109 21.3667 16.4005Q23.1018 15.6666 25 15.6666L25 15.6666L25 15.6666L50 15.6666L50 17.6666ZM76.0188 34.3521L80.5428 29.8281L81.2499 30.5352L80.5428 29.8281L81.2499 30.5352L80.5428 29.8281Q81.5982 28.7726 82.1537 27.4027Q82.6906 26.0787 82.6906 24.6426Q82.6906 23.2066 82.1537 21.8826Q81.5982 20.5127 80.5427 19.4572L80.5427 19.4572C77.6788 16.5933 73.0356 16.5934 70.1718 19.4572L70.1718 19.4572L65.6479 23.9812L64.2337 22.5669L68.7576 18.043L69.4647 18.7501L68.7576 18.043C72.4024 14.3981 78.312 14.3981 81.9569 18.043L81.2498 18.7501L81.9569 18.043Q83.2992 19.3852 84.0071 21.131Q84.6906 22.8165 84.6906 24.6426Q84.6906 26.4688 84.0071 28.1542Q83.2992 29.9 81.957 31.2423L81.957 31.2423L81.957 31.2423L77.433 35.7663L76.0188 34.3521ZM77.433 35.7663L52.2819 60.9178L52.2819 60.9178L52.2819 60.9178Q51.3047 61.895 50.0862 62.5471Q48.8678 63.1992 47.5126 63.4702L47.5126 63.4702L35.2554 65.9217L34.0787 64.745L36.5301 52.4877L36.5301 52.4877L36.5301 52.4877Q36.8012 51.1326 37.4533 49.9141Q38.1053 48.6957 39.0825 47.7185L39.0825 47.7185L64.2337 22.5669L65.6479 23.9812L40.4967 49.1327L39.7896 48.4256L40.4967 49.1327Q39.729 49.9005 39.2166 50.8578Q38.7043 51.8152 38.4913 52.8799L37.5107 52.6838L38.4913 52.8799L37.5107 52.6838L38.4913 52.8799L36.0399 65.1372L35.0593 64.9411L34.8632 63.9605L47.1204 61.5091L47.3165 62.4896L47.1204 61.5091Q48.1851 61.2961 49.1425 60.7837Q50.0999 60.2714 50.8677 59.5035L51.5748 60.2106L50.8677 59.5035L51.5748 60.2106L50.8677 59.5035L76.0188 34.3521L77.433 35.7663ZM76.0188 35.7663L64.2337 23.9812L65.6479 22.5669L77.433 34.3521L76.0188 35.7663ZM34.0787 64.745L35.0593 64.9411L35.2554 65.9217C34.9086 65.9815 34.6075 65.8903 34.3522 65.6482C34.11 65.3928 34.0189 65.0918 34.0787 64.745Z">
</path>
</svg>`
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}


export const voiceSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M8 12C10.28 12 12 10.28 12 7.99999C12 5.71999 10.28 3.99999 8 3.99999C5.72 3.99999 4 5.71999 4 7.99999C4 10.28 5.72 12 8 12ZM8 5.99999C9.178 5.99999 10 6.82199 10 7.99999C10 9.17799 9.178 9.99999 8 9.99999C6.822 9.99999 6 9.17799 6 7.99999C6 6.82199 6.822 5.99999 8 5.99999ZM9 13L7 13C4.243 13 2 15.243 2 18L2 19L4 19L4 18C4 16.346 5.346 15 7 15L9 15C10.654 15 12 16.346 12 18L12 19L14 19L14 18C14 15.243 11.757 13 9 13ZM18.364 2.63599L16.95 4.04999C18.271 5.37299 19 7.13099 19 8.99999C19 10.869 18.271 12.627 16.95 13.95L18.364 15.364C20.064 13.663 21 11.403 21 8.99999C21 6.59699 20.064 4.33699 18.364 2.63599Z"  style="mix-blend-mode:normal" fill="colorParam" >
</path>
<path d="M15.5351 5.46411L14.1211 6.88011C14.6881 7.44511 15.0001 8.19811 15.0001 9.00011C15.0001 9.80211 14.6881 10.5551 14.1211 11.1201L15.5351 12.5361C16.4791 11.5921 17.0001 10.3371 17.0001 9.00011C17.0001 7.66311 16.4791 6.40811 15.5351 5.46411Z"  style="mix-blend-mode:normal" fill="colorParam" >
</path>
</svg>`
const reg = /colorParam/g
const tempSvgXml = svgXml.replace(reg, color);
return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const maleSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M12.9949 3.6C12.9949 3.26856 12.7263 3 12.3949 3L8.9949 3L8.9949 4L11.3849 4L7.6749 7.71C6.30085 6.64105 4.31701 6.73789 3.0549 8C1.68853 9.36637 1.68853 11.5836 3.0549 12.95C4.42127 14.3164 6.62853 14.3164 7.9949 12.95C9.22628 11.7186 9.35154 9.79747 8.3649 8.43L12.0049 4.8L12.0049 7L12.9949 7L12.9949 3.6ZM7.2949 8.71C6.31814 7.73434 4.73166 7.73434 3.7549 8.71C2.77924 9.68676 2.77924 11.2632 3.7549 12.24C4.73166 13.2157 6.31814 13.2157 7.2949 12.24C8.27057 11.2632 8.27057 9.68676 7.2949 8.71Z" fill-rule="evenodd"  fill="colorParam" fill-opacity="0.9">
</path>
</svg>`
const reg = /colorParam/g
const tempSvgXml = svgXml.replace(reg, color);
return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
}

export const femaleSvgSrc = (color) => {
    var svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
    <path d="M11.5 5.17828C11.5 3.24574 9.9327 1.67828 8 1.67828C6.0673 1.67828 4.5 3.24574 4.5 5.17828C4.5 6.94668 5.8076 8.41233 7.51 8.64828L7.51 9.99828L5.51 9.99828L5.51 10.9983L7.51 10.9983L7.51 14.4983L8.51 14.4983L8.51 10.9983L10.51 10.9983L10.51 9.99828L8.51 9.99828L8.51 8.63828C10.1998 8.3895 11.5 6.9377 11.5 5.17828ZM10.5 5.17828C10.5 3.79845 9.3804 2.67828 8 2.67828C6.6196 2.67828 5.5 3.79845 5.5 5.17828C5.5 6.5594 6.6196 7.67828 8 7.67828C9.3804 7.67828 10.5 6.5594 10.5 5.17828Z" fill-rule="evenodd"  fill="colorParam" >
    </path>
    </svg>`
    const reg = /colorParam/g
    const tempSvgXml = svgXml.replace(reg, color);
    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(tempSvgXml)}`
    }


const filterSvgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M13 2L3 2C2.448 2 2 2.448 2 3L2 4.79L6.25 7.29L6.25 14L9.75 14L9.75 7.29L14 4.79L14 3C14 2.448 13.552 2 13 2ZM13 3L3 3L3 4.21L7.25 6.71L7.25 13L8.75 13L8.75 6.71L13 4.21L13 3Z" fill-rule="evenodd"  fill="colorParam" >
</path>
</svg>`

const rentSvgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M11.4668 2.2666L8.00013 6.8886L4.53346 2.2666L3.4668 3.0666L6.6668 7.33327L4.6668 7.33327L4.6668 8.6666L7.33346 8.6666L7.33346 9.99994L4.6668 9.99994L4.6668 11.3333L7.33346 11.3333L7.33346 13.9999L8.6668 13.9999L8.6668 11.3333L11.3335 11.3333L11.3335 9.99994L8.6668 9.99994L8.6668 8.6666L11.3335 8.6666L11.3335 7.33327L9.33346 7.33327L12.5335 3.0666L11.4668 2.2666Z"  style="mix-blend-mode:normal" fill="colorParam" >
</path>
</svg>
`

const layoutSvgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path   fill="colorParam"  d="M5 9L5 18L4 18L5 18C5 18.5523 5.44772 19 6 19L6 20L6 19L10 19L10 21L6 21L6 21C4.34315 21 3 19.6569 3 18L3 18L3 9L5 9ZM3 9L3 6L4 6L3 6C3 4.34315 4.34315 3 6 3L6 4L6 3L18 3L18 4L18 3C19.6569 3 21 4.34315 21 6L20 6L21 6L21 9L19 9L19 6L19 6C19 5.44772 18.5523 5 18 5L18 5L6 5L6 5C5.44772 5 5 5.44772 5 6L5 6L5 9L3 9ZM4 8L10 8L10 10L4 10L4 8ZM21 9L21 18L20 18L21 18C21 19.6569 19.6569 21 18 21L18 20L18 21L10 21L10 19L18 19L18 19C18.5523 19 19 18.5523 19 18L19 18L19 9L21 9ZM20 10L10 10L10 8L20 8L20 10ZM11 9L11 20L9 20L9 9L11 9Z" stroke-width="1" stroke-linejoin="round" stroke-linecap="round">
    </path>
    </svg>`

const locationSvgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M4.45633 2.54672C6.4137 0.589396 9.58896 0.589396 11.5463 2.54672C13.25 4.25004 13.502 6.9168 12.1463 8.90672L8.36633 14.4667C8.19285 14.7221 7.8098 14.7221 7.63633 14.4667L3.85633 8.90672C2.50061 6.9168 2.75265 4.25004 4.45633 2.54672ZM5.16633 3.25672C6.73363 1.68923 9.26903 1.68923 10.8363 3.25672C12.2001 4.61911 12.4013 6.75342 11.3163 8.34672L7.99633 13.2267L4.68633 8.34672C3.60135 6.75342 3.80259 4.61911 5.16633 3.25672ZM7.99633 3.49672C9.37712 3.49672 10.4963 4.61532 10.4963 5.99672C10.4963 7.37676 9.37712 8.49672 7.99633 8.49672C6.61554 8.49672 5.49633 7.37676 5.49633 5.99672C5.49633 4.61532 6.61554 3.49672 7.99633 3.49672ZM7.99633 4.49672C8.8246 4.49672 9.49633 5.16815 9.49633 5.99672C9.49633 6.82393 8.8246 7.49672 7.99633 7.49672C7.16806 7.49672 6.49633 6.82393 6.49633 5.99672C6.49633 5.16815 7.16806 4.49672 7.99633 4.49672Z" fill-rule="evenodd"  fill="colorParam" fill-opacity="1">
</path>
</svg>`

const locationSvgXml2 = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.0400390625" height="17.03125" viewBox="0 0 17.0400390625 17.03125" fill="none">
<path d="M13.6568 5.14C13.6568 9.25127 9.03369 14.4304 8.83683 14.65L8.51683 15L8.19683 14.65C8.00755 14.4304 3.37683 9.25128 3.37683 5.14C3.37683 2.30071 5.67754 0 8.51683 0C11.3561 0 13.6568 2.30071 13.6568 5.14ZM8.51863 13.7161C7.47756 12.4725 4.22863 8.32934 4.22863 5.1361C4.22863 2.76675 6.14929 0.8461 8.51863 0.8461C10.888 0.8461 12.8086 2.76675 12.8086 5.1361C12.8086 8.32934 9.5597 12.4725 8.51863 13.7161Z" fill-rule="evenodd"  fill="#0A205D" >
</path>
<path d="M8.51379 2.39075C10.0332 2.39075 11.2638 3.6213 11.2638 5.14075C11.2638 6.65779 10.0308 7.89075 8.51379 7.89075C6.99434 7.89075 5.76379 6.66019 5.76379 5.14075C5.76379 3.6213 6.99435 2.39075 8.51379 2.39075ZM8.51499 7.03255C7.4696 7.03255 6.62499 6.17794 6.62499 5.13255C6.62499 4.08715 7.4696 3.24255 8.51499 3.24255C9.56039 3.24255 10.415 4.08715 10.415 5.13255C10.415 6.17794 9.56038 7.03255 8.51499 7.03255Z" fill-rule="evenodd"  fill="#0A205D" >
</path>
<path d="M0 15.0311C0 16.9732 7.64523 17.03 8.51783 17.03C9.39044 17.03 17.0357 16.9732 17.0357 15.0311C17.0357 13.7421 13.6702 13.284 11.1508 13.1212L11.1508 13.1212C10.935 13.4184 10.7287 13.6891 10.5375 13.9333C13.8935 14.1036 15.8753 14.6696 16.1668 15.0311C15.8205 15.4608 13.0966 16.1782 8.51783 16.1782C3.93902 16.1782 1.21521 15.4608 0.868819 15.0311C1.16032 14.6696 3.14024 14.1036 6.49816 13.9333C6.30888 13.6891 6.10066 13.4184 5.88488 13.1212C3.36549 13.284 0 13.7421 0 15.0311Z"   fill="#0A205D" >
</path>
</svg>`


const sortSvgXml2 = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M14 8L14 20L18 16">
    </path>
    <path    stroke="colorParam" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"  d="M10 16L10 4L6 8">
    </path>
    </svg>`

const sortSvgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M9.90472 14.5302L14.4647 9.86024L13.7447 9.16024L10.0047 13.0102L10.0047 1.25024L9.00472 1.25024L9.00472 14.1602C9.00472 14.6368 9.57213 14.8704 9.90472 14.5302ZM7.00472 14.7502L7.00472 1.84024C7.00472 1.361 6.41348 1.12195 6.08472 1.47024L1.67472 6.14024L2.39472 6.83024L6.00472 3.02024L6.00472 14.7502L7.00472 14.7502Z" fill-rule="evenodd"  fill="colorParam" fill-opacity="0.9">
</path>
</svg>`
